import React, {Component} from 'react'

import './index.css'
class Talk  extends Component {

  render() {
   
    return (
        <div>
            <p class="container-title">聊天室用户</p>
            <div className="function">
              <input class="tuser-input-id"  type="text" placeholder="发帖人手机号或ID"/>
              <input class="input tuser-input-name" type="text" placeholder="用户昵称"/>

              <button class="tuser-search">搜索</button>
            </div>
            <div class="content">
              <div class="content-header">
                  <input type="checkbox" /> 

                  <span class="tuser-id">用户ID</span>
                  <span class="tuser-phone">用户手机号</span>
                  <span class="tuser-name">昵称</span>
                  <span class="tuser-sex">性别</span>
                  <span class="tuser-time">进房时间</span>
                  <span class="tuser-stoptime">当前停留时长</span>
                  <span class="tuser-operate">操作</span>
              </div>

              <div class="item">
                  <input type="checkbox" /> 

                  <span class="tuser-id">114</span>
                  <span class="tuser-phone">186****8687</span>
                  <span class="tuser-name">coode</span>
                  <span class="tuser-sex">男</span>
                  <span class="tuser-time">2016-01-07 11 : 35</span>
                  <span class="tuser-stoptime">5小时</span>
                  <span class="tuser-operate">
                    <button class="tuser btn-stop=speak">禁言</button>
                    <button class="tuser btn-black-list">放入黑名单</button>
                  </span>
              </div>
              
            </div>
        </div>
    )
  }
}

export default Talk